<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="css/cart2.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="#"><span>注册</span></a>
								<a href="#"><span>登录</span></a>
								<a href="#"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart2.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
						<div class="main-c">
							<div class="main-top">
								<div class="top-line">
									<span class="line-name name-1 is-on">购物车</span>
									<span class="line-name name-2 ">确认订单</span>
									<span class="line-name name-3 ">完成支付</span>
									<div class="red-line line-step1"></div>
									<span class="line-circular name-1 active">1</span>
									<span class="line-circular name-2 ">2</span>
									<span class="line-circular name-3 ">3</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!--内容-->
			<div class="content">
				<div class="cart-box">
					<div class="cart-title">
						<div>
							<span>购物车</span>
						    <a href="index.html">继续购物 ></a>
						</div>
					</div>
					<div class="details-box">
						<div class="message-title2">
							<input type="checkbox" name="check" id="check" value="2" checked/>
							<span>全选</span>
							<span>购物车的商品</span>
							<span>价格（元）</span>
							<span>数量</span>
							<span>商品小计（元）</span>
							<span>操作</span>
						</div>
						<div class="message-title3">
							<input type="checkbox" name="check" id="check" checked value="1"/>
							<span>某某某某直营店</span>
							<span>¥750.00</span>
						</div>
						<div class="commodity">
							<div class="table-box">
								<table>
									<tr>
										<td>
											<input type="checkbox" name="check" id="check" checked/>
										</td>
										<td>
											<img src="img/production.png"/>
											<span>
												<p>商品品牌名称</p>
												<span class="cart-span">规格：</span><span class="text">规格x规格</span><br />
												<span class="cart-span">颜色：</span><span class="text">白色</span>
											</span>
										</td>
										<td>
											<span>¥150.00</span>
										</td>
										<td>
											<div class="goods-num">
					 							<span class="goods-minus disabled">
					 								<span> </span>
					 							</span>
					 							<span> 5 </span>
					 							<span class="goods-plus">
					 								<span> </span>
					 								<span> </span>
					 							</span>
					 						</div>
										</td>
										<td>
											<span>¥750.00</span>
										</td>
										<td>
											<a href="#">收藏</a>
											<a href="#">删除</a>
										</td>
									</tr>
								</table>
							</div>	
						</div>
					</div>
					<div class="details-box">
						<div class="message-title3">
							<input type="checkbox" name="check" id="check" checked value="1"/>
							<span>某某某某直营店</span>
							<span>¥450.00</span>
						</div>
						<div class="commodity">
							<div class="table-box">
								<table>
									<tr>
										<td>
											<input type="checkbox" name="check" id="check" checked/>
										</td>
										<td>
											<img src="img/production.png"/>
											<span>
												<p>商品品牌名称</p>
												<span class="cart-span">规格：</span>规格x规格<br />
												<span class="cart-span">颜色：</span>白色
											</span>
										</td>
										<td>
											<span>¥150.00</span>
										</td>
										<td>
											<div class="goods-num">
					 							<span class="goods-minus disabled">
					 								<span> </span>
					 							</span>
					 							<span> 3 </span>
					 							<span class="goods-plus">
					 								<span> </span>
					 								<span> </span>
					 							</span>
					 						</div>
										</td>
										<td>
											<span>¥450.00</span>
										</td>
										<td>
											<a href="#">收藏</a>
											<a href="#">删除</a>
										</td>
									</tr>
								</table>
							</div>	
						</div>
					</div>
					<div class="cart-botton">
						<div class="cart-l">
							<p>已经选中<span>8</span>件商品</p>
						</div>
						<div class="cart-r">
							<div>
								<ul>
									<li>
										<p>订单总额:</p>
										<span class="amount">¥1200.00</span>
									</li>
									<li>
										<p>优惠:</p>
										<span class="discounts">-¥0.00</span>
									</li>
									<li>
										<p>合计<span class="yunfei">(不含运费)</span>:</p>
										<span class="total">¥1200.00</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="cart-btn">
						<a href="indent.html">结算</a>
					</div>
				</div>
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
